<template>
  <view class="assess">
    <view class="da">
      <view class="assess-one">
        <view>
          <text>我的风险类型是</text>
        </view>
        <view>
          <text>修改</text>
          <view>
            <image
              mode="widthFix"
              src="../../static/iamges/xiangyou.png"
            ></image>
          </view>
        </view>
      </view>
      <view class="assess-two">
        <view>
          <text>{{data.type}}</text>
        </view>
      </view>
      <view class="assess-three">
        <view>
          <text
            >您的风险承受能力中等，适合投资低风险、中低风险、中风险等级产品；除此之外的中高风险、高风险产品超出了您的风险承受能力、请谨慎选择。</text
          >
        </view>
      </view>
      <view class="assess-four">
        <view>
          <text>我的税收身份是</text>
        </view>
        <view>
          <text>修改</text>
          <view>
            <image
              mode="widthFix"
              src="../../static/iamges/xiangyou.png"
            ></image>
          </view>
        </view>
      </view>
      <view class="assess-five">
        <view>
          <text>仅为中国税收居民</text>
        </view>
      </view>
      <view class="assess-six">
        <view @click="go">
          <text>完成</text>
        </view>
      </view>
      <view class="assess-seven" @click="goBack">
        <view class="dat">
          <text>重测</text>
          <view>
            <image
              mode="widthFix"
              src="../../static/iamges/xiangyou.png"
            ></image>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>

export default {
  onLoad(option) {
	console.log(option);
	this.data=option

  },
  
  data() {
    return {
		data:""
	};
  },
  methods: {
 
    go() {
      uni.switchTab({
        // url: "/pages/buy/buy2/buy2",
        url: "/pages/index/index",
      });
    },
    goBack() {
      uni.navigateTo({
        url: "/pages/appraisal/appraisal",
        // url: "/pages/index/index",
      });
    },
 
  },
};
</script>

<style lang="scss" scoped>
.assess {
  width: 100%;
  box-sizing: border-box;
  height: 100vh;
  background-color: #fafafa;
  padding: 20rpx;
  padding-top: 40rpx;
  .da {
    width: 100%;

    background-color: white;
    border-radius: 15rpx;
    box-sizing: border-box;
    padding: 30rpx;
    .assess-one {
      display: flex;
      width: 100%;
      view {
        margin-right: 30rpx;
      }
      view:first-child {
        color: #777777;
      }
      view:nth-child(2) {
        color: #ffb8a7;
        display: flex;
        view {
          width: 50rpx;
          height: 50rpx;
        }
        image {
          margin-left: 12rpx;
          margin-top: 12rpx;
          width: 12rpx;
          height: 12rpx;
        }
      }
    }
    .assess-two {
      view {
        width: 100%;
        color: #015dfb;
        font-size: 92rpx;
        font-weight: bold;
      }
    }
    .assess-three {
      margin-top: 34rpx;
      view {
        font: 24rpx;
        color: #777777;
        // float: left;
      }
    }
    .assess-four {
      margin-top: 36rpx;
      display: flex;
      width: 100%;
      view {
        margin-right: 30rpx;
      }
      view:first-child {
        color: #777777;
      }
      view:nth-child(2) {
        color: #ffb8a7;
        display: flex;
        view {
          width: 50rpx;
          height: 50rpx;
        }
        image {
          margin-left: 12rpx;
          margin-top: 12rpx;
          width: 12rpx;
          height: 12rpx;
        }
      }
    }
    .assess-five {
      margin-top: 30rpx;
      view {
        font-size: 32rpx;
        font-weight: bold;
      }
    }
    .assess-six {
      margin-top: 60rpx;
      width: 100%;
      view {
        width: 80%;
        height: 100rpx;
        background-color: #ff4658;
        border-radius: 50rpx;
        margin: 0 auto;
        color: white;
        text-align: center;
        line-height: 100rpx;
        font-size: 36rpx;
      }
    }
    .assess-seven {
      margin-top: 40rpx;
      margin-left: 20rpx;
      display: flex;
      width: 100%;
      .dat {
        margin: 0 auto;
        display: flex;
      }
      view {
        margin-right: 30rpx;
      }
      view:first-child {
        color: #777777;
      }
      view:nth-child(2) {
        color: #ffb8a7;
        display: flex;
        view {
          width: 50rpx;
          height: 50rpx;
        }
        image {
          margin-left: 12rpx;
          margin-top: 12rpx;
          width: 12rpx;
          height: 12rpx;
        }
      }
    }
  }
}
</style>
